.overlay-dialogue {
  position: absolute;
  z-index: 1000;
  padding: 17px 10px 10px;
  background-color: #ffffff;
  border: 1px solid #ccd5d9;
  border-bottom-color: #c9d3d7;
  box-shadow: 0 4px 20px 0 rgba(118, 141, 153, 0.5);
}
.overlay-dialogue .wordbreak {
  white-space: normal;
}
.overlay-dialogue .overlay-dialogue-header {
  margin: -8px -10px 6px -10px;
  padding: 8px 10px;
  display: flex;
}
.overlay-dialogue .overlay-dialogue-header .btn-icon,
.overlay-dialogue .overlay-dialogue-header .btn-overlay-close {
  position: initial;
  margin-top: -9px;
  margin-left: 4px;
}
.overlay-dialogue .overlay-dialogue-header .btn-icon:last-child,
.overlay-dialogue .overlay-dialogue-header .btn-overlay-close:last-child {
  margin-right: -6px;
}
.overlay-dialogue .overlay-dialogue-header h4 {
  color: $text-color;
  font-size: 16px;
  font-weight: bold;
  margin-right: auto;
}
.overlay-dialogue .overlay-dialogue-header > ul {
  margin: -8px -10px -10px 10px;
}
.overlay-dialogue.modal {
  position: fixed;
  overflow: hidden;
  margin: 0 10px;
  padding: 16px;
  border-radius: 12px;
}
.overlay-dialogue.modal .overlay-dialogue-header {
  margin-bottom: 12px;
}
.overlay-dialogue.modal .overlay-dialogue-body {
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
  max-height: calc(100vh - 220px);
  max-width: inherit;
  margin: 0 -10px 8px;
  padding: 0 10px;
  position: relative;
}
.overlay-dialogue.modal .overlay-dialogue-body form {
  padding: 2px 0;
}
.overlay-dialogue.modal
  .overlay-dialogue-body
  .table-forms
  .table-forms-td-right {
  padding-right: 8px;
}
.overlay-dialogue.modal
  .overlay-dialogue-body
  .table-forms
  .table-forms-row-with-second-field {
  position: relative;
}
.overlay-dialogue.modal
  .overlay-dialogue-body
  .table-forms
  .table-forms-row-with-second-field
  .table-forms-second-column {
  position: absolute;
  top: 5px;
  right: 8px;
}
.overlay-dialogue.modal
  .overlay-dialogue-body
  .columns-wrapper
  .column-50:last-of-type {
  margin-left: 10px;
}
.overlay-dialogue.modal .overlay-dialogue-controls {
  text-align: right;
  padding: 0 0 10px;
}
.overlay-dialogue.modal .overlay-dialogue-controls z-select {
  text-align: left;
  padding: inherit;
}
.overlay-dialogue.modal .overlay-dialogue-controls z-select li {
  display: block;
  padding-left: 5px;
}
.overlay-dialogue.modal .overlay-dialogue-controls .inline-filter li {
  padding-left: 0;
}
.overlay-dialogue.modal-popup {
  top: 50px;
  max-width: 1024px;
}
.overlay-dialogue.modal-popup.modal-popup-small {
  max-width: 450px;
  width: 100%;
}
.overlay-dialogue.modal-popup.modal-popup-medium {
  min-width: 450px;
}
.overlay-dialogue.modal-popup.modal-popup-large {
  width: 100%;
}
.overlay-dialogue.modal-popup.modal-popup-generic {
  min-width: 650px;
}
.overlay-dialogue.modal-popup.modal-popup-static {
  max-width: 700px;
  width: 100%;
}
.overlay-dialogue.modal-popup.modal-popup-preprocessing {
  max-width: 900px;
  width: 100%;
}
.overlay-dialogue.modal-popup.modal-popup-fullscreen {
  width: calc(100vw - 40px);
  max-width: calc(100vw - 40px);
}
.overlay-dialogue .hintbox-raw-data {
  white-space: pre-wrap;
}
.overlay-dialogue .hintbox-wrap,
.overlay-dialogue .hintbox-wrap-horizontal {
  overflow: auto;
  max-width: 800px;
  overflow-wrap: break-word;
}
.overlay-dialogue .hintbox-wrap {
  max-height: 240px;
}
.overlay-dialogue .msg-bad,
.overlay-dialogue .msg-good,
.overlay-dialogue .msg-warning {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 4;
  margin: 0 0 10px;
}
.overlay-dialogue .form-grid {
  grid-template-columns: minmax(var(--label-width, 100px), max-content) 1fr;
}
.overlay-dialogue .form-grid.form-grid-1-1 {
  grid-template-columns: repeat(2, minmax(100px, max-content) 1fr);
}
.overlay-dialogue .form-grid.form-grid-3-1 {
  grid-template-columns: minmax(100px, max-content) 3fr max-content auto;
}
.overlay-dialogue .list-table {
  white-space: normal;
  border: 0;
}
.overlay-dialogue .table-paging {
  border: 0;
  border-top: 1px solid #ebeef0;
}
.overlay-dialogue .table-forms-td-right td label {
  display: block;
}
.overlay-dialogue .maps-container {
  max-height: 128px;
  overflow-y: auto;
  margin-left: -10px;
}
.overlay-dialogue .table-forms-second-column {
  float: right;
  line-height: 24px;
}

.multilineinput-control {
  display: flex;
  width: 100%;
}
.multilineinput-control input[type='text'] {
  overflow: hidden;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-right: 0;
  width: 100%;
}
.multilineinput-control input[type='text'][readonly] {
  background: #ffffff !important;
  border-color: #acbbc2;
  color: #1f2c33;
}
.multilineinput-control input[type='text'].monospace-font {
  padding-top: 1px;
}
.multilineinput-control.editable {
  background-color: #ffffff !important;
  border-color: #acbbc2;
}
.multilineinput-control button {
  position: relative;
  min-width: 24px;
  margin-right: 1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.multilineinput-control button:not([disabled]):not([readonly]) {
  background-color: #ffffff;
  border-color: #acbbc2;
}
.multilineinput-control button:not([disabled]):not([readonly]):hover {
  background-color: #e8f5ff;
}
.multilineinput-control.multilineinput-readonly input[type='text'][readonly] {
  background-color: #ebebeb !important;
}
.multilineinput-control.multilineinput-disabled input[type='text'] {
  cursor: default;
}
.multilineinput-control.multilineinput-disabled button::after {
  opacity: 0.5;
}
.multilineinput-control button.zi-pencil::before {
  color: #768d99;
}

.multilineinput-modal {
  min-width: 960px;
}
.multilineinput-modal .multilineinput-container {
  padding: 1px;
  position: relative;
  display: flex;
  overflow: hidden;
}
.multilineinput-modal .multilineinput-line-numbers {
  counter-reset: line;
  overflow: hidden;
  padding: 1px 5px 1px 0;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
}
.multilineinput-modal .multilineinput-line-numbers li {
  color: #768d99;
  line-height: 18px;
  text-align: right;
  min-width: 24px;
}
.multilineinput-modal .multilineinput-line-numbers li::before {
  counter-increment: line;
  content: counter(line);
  user-select: none;
}
.multilineinput-modal .multilineinput-label {
  color: #768d99;
  line-height: 24px;
}
.multilineinput-modal .multilineinput-textarea {
  flex: 1;
  line-height: 18px;
  tab-size: 4;
  resize: none;
  white-space: pre;
  padding: 0 5px;
  z-index: 20;
}
.multilineinput-modal .multilineinput-textarea::-webkit-scrollbar {
  height: 9px;
}
.multilineinput-modal .multilineinput-char-count {
  color: #768d99;
  float: left;
  line-height: 24px;
}

.textarea-flexible-container td {
  line-height: 22px;
}
.textarea-flexible-container td.textarea-flexible-parent {
  vertical-align: top;
}
.textarea-flexible-container td.macro-textarea-parent textarea {
  float: left;
}
.textarea-flexible-container td.macro-textarea-parent span {
  margin-left: 10px;
}
.textarea-flexible-container td button {
  line-height: normal;
}

.textarea-flexible {
  min-height: 32px;
  overflow: hidden;
  resize: none;
  word-break: break-word;
  height: 32px;
  line-height: 1.5;
  white-space: break-spaces;
}

.overlay-dialogue-body {
  margin: 0 0 25px;
  white-space: nowrap;
}
.overlay-dialogue-body .debug-output {
  margin: 10px 0 0;
}

.overlay-dialogue-footer {
  text-align: right;
}
.overlay-dialogue-footer button {
  margin: 0 0 0 10px;
}

.overlay-bg {
  background-color: #000;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  opacity: 0.45;
}

.calendar {
  width: 200px;
}
.calendar .calendar-year.highlighted,
.calendar .highlighted.calendar-month,
.calendar .calendar-month.highlighted {
  background-color: #e8f5ff;
}
.calendar .calendar-year:focus,
.calendar .calendar-month:focus,
.calendar .calendar-month:focus {
  outline: none;
}
.calendar table {
  width: 100%;
  margin: 5px 0;
}
.calendar table thead {
  text-transform: uppercase;
  color: #768d99;
}
.calendar table tbody {
  text-align: center;
}
.calendar table tbody td {
  transition: background-color 0.2s ease-out;
}
.calendar table tbody td.selected {
  background-color: #768d99;
  color: #ffffff;
}
.calendar table tbody td.selected:hover {
  background-color: #6b8390;
}
.calendar table tbody td:hover {
  background-color: #e8f5ff;
  cursor: pointer;
}
.calendar table tbody td.highlighted {
  color: #ffffff;
  background-color: #02659f;
  border-color: #02659f;
  cursor: pointer;
}
.calendar table tbody td:focus {
  outline: none;
}
.calendar table tbody td span {
  z-index: -1;
  padding: 4px;
  display: block;
}

.calendar-header {
  text-align: center;
}
.calendar-header .btn-grey {
  border: 0;
  background-color: transparent;
}

.calendar-year,
.calendar-month {
  height: 24px;
  line-height: 26px;
  display: table;
  width: 100%;
}
.calendar-year button:first-child,
.calendar-month button:first-child {
  float: left;
}
.calendar-year button:last-child,
.calendar-month button:last-child {
  float: right;
}
.calendar-year button:hover,
.calendar-month button:hover {
  background-color: #e8f5ff;
  cursor: pointer;
}

.calendar-time {
  text-align: center;
}
.calendar-time input[type='text'] {
  width: 32px;
}

.calendar-footer {
  margin: 26px 0 0;
  text-align: right;
}
.calendar-footer .btn-grey {
  float: left;
  margin-top: 0;
}

.notif.overlay-dialogue {
  width: 250px;
}
.notif.overlay-dialogue .overlay-dialogue-header ul {
  margin: 0 auto 0 0;
}
.notif.overlay-dialogue .overlay-dialogue-header ul li {
  display: inline-block;
}
.notif.overlay-dialogue .overlay-dialogue-header ul li:not(:first-child) {
  margin-left: 5px;
}
.notif.overlay-dialogue .overlay-dialogue-header ul li .btn-icon {
  margin-left: 0;
  margin-right: 0;
}

.notif-body {
  max-height: 600px;
  padding: 0 5px 0 0;
  overflow-y: auto;
}
.notif-body h4 {
  display: block;
  max-width: 250px;
  padding-bottom: 0.083em;
}
.notif-body p {
  margin: 0.25em 0 0;
}
.notif-body li {
  padding: 0 0 10px 19px;
}
.notif-body li:last-child {
  padding-bottom: 0;
}

.notif-indic {
  width: 14px;
  height: 14px;
  float: left;
  margin: 2px 0 0 -19px;
  border-radius: 2px;
}
.notif-indic .notif-indic-snooze {
  width: 14px;
  height: 14px;
  float: left;
  margin-top: 20px;
}
.notif-indic .zi-bell-off {
  color: #768d99;
}

.dashed-border td {
  border: 1px dashed #ebeef0;
}

.top {
  vertical-align: top !important;
}

.right {
  text-align: right !important;
}

.bottom {
  vertical-align: bottom;
}

.left {
  text-align: left;
}

.center {
  text-align: center;
}

.middle {
  vertical-align: middle;
}

.no-padding {
  padding: 0 !important;
}

.graph-selection {
  position: absolute;
  z-index: 98;
  overflow: hidden;
  background-color: rgba(250, 214, 52, 0.35);
  border: 1px solid rgba(233, 144, 3, 0.6);
  border-top: 0;
  border-bottom: 0;
}

.svg-graph-selection {
  fill: rgba(250, 214, 52, 0.35);
  stroke: rgba(233, 144, 3, 0.6);
  stroke-width: 1px;
}

.svg-graph-selection-text {
  fill: #1f2c33;
}

.svg-helper {
  stroke-opacity: 0.35;
  stroke: #e33734;
  stroke-width: 2px;
}

.svg-graph-hintbox {
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
  min-width: 145px;
}
.svg-graph-hintbox .table-paging {
  min-height: 18px;
  padding: 0 0 2px;
  border: 0;
  top: 2px;
}
.svg-graph-hintbox .table-paging .paging-btn-container {
  min-height: inherit;
}
.svg-graph-hintbox .list-table tbody tr:last-child td {
  border-bottom-style: none;
  box-shadow: none;
}
.svg-graph-hintbox li {
  padding-left: 23px;
}
.svg-graph-hintbox li .svg-graph-hintbox-item-color,
.svg-graph-hintbox li .svg-graph-hintbox-trigger-color {
  margin: 3px 10px 3px -20px;
  width: 10px;
  height: 10px;
  float: left;
  display: block;
}
.svg-graph-hintbox li .svg-graph-hintbox-trigger-color {
  border-radius: 50%;
}
.svg-graph-hintbox .header {
  margin: 0 0 10px 3px;
}

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  background-color: rgba(250, 214, 52, 0.35);
  border: 1px solid rgba(233, 144, 3, 0.6);
}

#map-area .map-element-area-bg {
  background-color: rgba(232, 245, 255, 0.35);
}

.map-element-selected {
  border: 3px dashed #e99003;
  margin: -3px;
}

.debug-output {
  display: none;
  max-height: 600px;
  overflow-y: auto;
  padding: 10px;
  margin: 10px;
  background-color: #fcf7c2;
  border: 1px solid #dfe4e7;
}

.overlay-descr {
  max-height: 150px;
  overflow-y: auto;
  padding: 0;
  margin: 5px 0;
  background-color: #ffffff;
}

.overlay-descr-url {
  padding: 3px 0 7px;
}

.overlay-descr {
  background: linear-gradient(#ffffff 30%, rgba(255, 255, 255, 0)),
    linear-gradient(rgba(255, 255, 255, 0), #ffffff 70%) 0 100%,
    radial-gradient(
      50% 0,
      farthest-side,
      rgba(118, 141, 153, 0.4),
      rgba(118, 141, 153, 0)
    ),
    radial-gradient(
        50% 100%,
        farthest-side,
        rgba(118, 141, 153, 0.4),
        rgba(118, 141, 153, 0)
      )
      0 100%;
  background: linear-gradient(#ffffff 30%, rgba(255, 255, 255, 0)),
    linear-gradient(rgba(255, 255, 255, 0), #ffffff 70%) 0 100%,
    radial-gradient(
      farthest-side at 50% 0,
      rgba(118, 141, 153, 0.4),
      rgba(118, 141, 153, 0)
    ),
    radial-gradient(
        farthest-side at 50% 100%,
        rgba(118, 141, 153, 0.4),
        rgba(118, 141, 153, 0)
      )
      0 100%;
  background-repeat: no-repeat;
  background-color: #ffffff;
  background-size: 100% 40px, 100% 40px, 100% 4px, 100% 4px;
  background-attachment: local, local, scroll, scroll;
}

.tag {
  display: inline-block;
  color: #ffffff;
  background-color: #768d99;
  margin: 1px 3px 1px 0;
  padding: 2px 3px;
  line-height: 1em;
  max-width: 133px;
  vertical-align: middle;
  border-radius: 2px;
}
.tag a.link-action {
  color: inherit !important;
  border-bottom: none;
}
.tag a.link-action:hover {
  text-decoration: underline;
  border-bottom: none;
}
.tag:last-of-type {
  margin-right: 0;
}
.tag.green-bg {
  color: #0e4123;
}
.tag.yellow-bg {
  color: #734d00;
}

.green-bg {
  background-color: #59db8f;
}

.red-bg {
  background-color: #e45959;
}

.yellow-bg {
  background-color: #ffc859;
}

td[class] + td.na-bg,
td[class] + td.normal-bg,
td[class] + td.info-bg,
td[class] + td.average-bg,
td[class] + td.warning-bg,
td[class] + td.high-bg,
td[class] + td.disaster-bg {
  border-left: 1px dotted #ebeef0;
}

.na-bg {
  color: #2a353a;
  position: relative;
}
.na-bg a.link-action,
.na-bg input[type='radio']:enabled:checked + label {
  color: #2a353a;
}

.log-na-bg {
  color: #2a353a;
  background-color: #97aab3;
}

.normal-bg {
  color: #0e4123;
  position: relative;
  background-color: #59db8f;
}
.normal-bg a.link-action {
  color: #0e4123;
}

.log-normal-bg {
  color: #0e4123;
  background-color: #59db8f;
}

.info-bg {
  color: #00268e;
  position: relative;
}
.info-bg a.link-action,
.info-bg input[type='radio']:enabled:checked + label {
  color: #00268e;
}

.log-info-bg {
  color: #00268e;
  background-color: #7499ff;
}

.average-bg {
  color: #733100;
  position: relative;
}
.average-bg a.link-action,
.average-bg input[type='radio']:enabled:checked + label {
  color: #733100;
}

.log-average-bg {
  color: #733100;
  background-color: #ffa059;
}

.warning-bg {
  color: #734d00;
  position: relative;
}
.warning-bg a.link-action,
.warning-bg input[type='radio']:enabled:checked + label {
  color: #734d00;
}

.log-warning-bg {
  color: #734d00;
  background-color: #ffc859;
}

.high-bg {
  color: #52190b;
  position: relative;
}
.high-bg a.link-action,
.high-bg input[type='radio']:enabled:checked + label {
  color: #52190b;
}

.log-high-bg {
  color: #52190b;
  background-color: #e97659;
}

.disaster-bg {
  color: #4b0c0c;
  position: relative;
}
.disaster-bg a.link-action,
.disaster-bg input[type='radio']:enabled:checked + label {
  color: #4b0c0c;
}

.log-disaster-bg {
  color: #4b0c0c;
  background-color: #e45959;
}

.normal-bg input[type='radio']:checked + label {
  background-color: #209450;
}

.na-bg a,
.normal-bg a,
.info-bg a,
.average-bg a,
.warning-bg a,
.high-bg a,
.disaster-bg a {
  transition: none;
}
.na-bg.blink-hidden,
.normal-bg.blink-hidden,
.info-bg.blink-hidden,
.average-bg.blink-hidden,
.warning-bg.blink-hidden,
.high-bg.blink-hidden,
.disaster-bg.blink-hidden {
  background-color: transparent;
}
.na-bg.blink-hidden a,
.normal-bg.blink-hidden a,
.info-bg.blink-hidden a,
.average-bg.blink-hidden a,
.warning-bg.blink-hidden a,
.high-bg.blink-hidden a,
.disaster-bg.blink-hidden a {
  color: #1f2c33;
}

.inactive-bg,
td.inactive-bg {
  color: #4b0c0c;
  background-color: #e45959;
}

.table-forms-second-column {
  display: inline-block;
  width: 50%;
  min-width: 200px;
  text-align: right;
}
.table-forms-second-column .second-column-label {
  padding: 0 10px;
}

.problem-unack-fg {
  color: #cc0000;
}

.problem-ack-fg {
  color: #cc0000;
}

.ok-unack-fg {
  color: #009900;
}

.ok-ack-fg {
  color: #009900;
}

.navigation-tree .navigation-tree-node-is-selected > .navigation-tree-node-info,
.navigation-tree
  .navigation-tree-node-is-selected
  > .navigation-tree-node-info:hover,
div.dashboard-widget-itemhistory .list-table tr.selected td,
div.dashboard-widget-itemhistory .list-table td.selected,
div.dashboard-widget-itemhistory .list-table tr.selected td:hover,
div.dashboard-widget-itemhistory .list-table td.selected:hover,
div.dashboard-widget-navtree .navtree .tree .tree-item.selected > .tree-row,
div.dashboard-widget-navtree
  .navtree
  .tree
  .tree-item.selected
  > .tree-row:hover,
.drag-drop-area {
  background-color: #fcf7c2;
}

@keyframes is-loading-kf {
  to {
    transform: rotate(360deg);
  }
}
.is-loading {
  pointer-events: none;
}
.is-loading::before {
  background-color: rgba(255, 255, 255, 0.8);
  content: 'loading';
  text-indent: -9999px;
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 5;
}
.is-loading::after {
  background-color: rgba(255, 255, 255, 0.8);
  border: 2px solid #ccd5d9;
  border-bottom-color: #0275b8;
  border-radius: 50%;
  box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.8);
  width: 20px;
  height: 20px;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  animation: is-loading-kf 0.6s infinite linear;
  z-index: 5;
  content: '';
}
.is-loading.is-loading-fadein::before {
  opacity: 0;
  animation: fadein 2s ease-in 0.5s normal forwards;
}
.is-loading.is-loading-fadein::after {
  opacity: 0;
  animation: fadein 2s ease-in 0.5s normal forwards,
    is-loading-kf 0.6s infinite linear;
}
.is-loading.is-loading-fadein.delayed-15s::before,
.is-loading.is-loading-fadein.delayed-15s::after {
  animation-delay: 15s;
}

button.is-loading {
  position: relative;
}
button.is-loading::before {
  background: none;
}
button.is-loading::after {
  box-shadow: none;
  background: none;
  border: 1px solid #fdfdfd;
  border-bottom-color: #0275b8;
  width: 12px;
  height: 12px;
}

.link-action.is-loading {
  position: relative;
  color: transparent !important;
  border-bottom-color: transparent;
}
.link-action.is-loading::before {
  background-color: transparent;
}
.link-action.is-loading::after {
  box-shadow: none;
  background: none;
  border: 1px solid #fdfdfd;
  border-bottom-color: #0275b8;
  width: 12px;
  height: 12px;
}

span.is-loading {
  position: relative;
  display: inline-block;
  min-width: 40px;
  min-height: 40px;
}

.overlay-dialogue.modal .overlay-dialogue-body.is-loading {
  overflow: hidden;
}

.menu-popup-preloader {
  background: #ffffff;
  border: 1px solid #ccd5d9;
  box-shadow: 0 4px 20px 0 rgba(118, 141, 153, 0.5);
  height: 50px;
  width: 50px;
  position: fixed;
  right: auto;
  bottom: auto;
  z-index: 1010;
}

.hintbox-preloader {
  height: 50px;
  width: 50px;
}

.browser-logo-chrome,
.browser-logo-ff,
.browser-logo-ed,
.browser-logo-opera,
.browser-logo-safari {
  background: url('../img/browser-sprite.png?20220722') no-repeat;
  width: 66px;
  height: 66px;
  margin: 0 auto;
  margin-bottom: 5px;
}

.browser-logo-chrome {
  background-position: 0 0;
}

.browser-logo-ff {
  background-position: -66px 0;
}

.browser-logo-ed {
  background-position: 0 -66px;
}

.browser-logo-opera {
  background-position: -66px -66px;
}

.browser-logo-safari {
  background-position: 0 -132px;
}

.browser-warning-container {
  margin-top: 5%;
  margin-left: auto;
  margin-right: auto;
  width: 766px;
  text-align: center;
  padding: 28px 28px 10px;
}
.browser-warning-container h2 {
  text-align: left;
}
.browser-warning-container p {
  margin: 0.7em 0;
  text-align: left;
}
.browser-warning-container li {
  display: inline-block;
  margin: 25px 20px;
}

.browser-warning-footer {
  border-top: 1px solid #ebeef0;
  margin: 25px 0 0;
  padding: 10px 0 0;
  text-align: center;
}

.dashboard-grid-widget-contents,
output .msg-details ul,
.multiselect-available,
.z-select .focusable,
z-select .focusable,
.z-select .list,
z-select .list,
div.dashboard-widget-item .dashboard-grid-widget-body a,
textarea,
select,
.setup-right-body,
.menu-popup,
.overlay-dialogue.modal .overlay-dialogue-body,
.overlay-dialogue .hintbox-wrap,
.overlay-dialogue .hintbox-wrap-horizontal,
.overlay-dialogue .maps-container,
.notif-body,
.debug-output,
.overlay-descr,
.import-compare .toc,
.import-compare .diff {
  scrollbar-width: thin;
}
.dashboard-grid-widget-contents::-webkit-scrollbar,
output .msg-details ul::-webkit-scrollbar,
.multiselect-available::-webkit-scrollbar,
.z-select .focusable::-webkit-scrollbar,
z-select .focusable::-webkit-scrollbar,
.z-select .list::-webkit-scrollbar,
z-select .list::-webkit-scrollbar,
div.dashboard-widget-item .dashboard-grid-widget-body a::-webkit-scrollbar,
textarea::-webkit-scrollbar,
select::-webkit-scrollbar,
.setup-right-body::-webkit-scrollbar,
.menu-popup::-webkit-scrollbar,
.overlay-dialogue.modal .overlay-dialogue-body::-webkit-scrollbar,
.overlay-dialogue .hintbox-wrap::-webkit-scrollbar,
.overlay-dialogue .hintbox-wrap-horizontal::-webkit-scrollbar,
.overlay-dialogue .maps-container::-webkit-scrollbar,
.notif-body::-webkit-scrollbar,
.debug-output::-webkit-scrollbar,
.overlay-descr::-webkit-scrollbar,
.import-compare .toc::-webkit-scrollbar,
.import-compare .diff::-webkit-scrollbar {
  width: 9px;
  height: 9px;
}
.dashboard-grid-widget-contents::-webkit-scrollbar-track,
output .msg-details ul::-webkit-scrollbar-track,
.multiselect-available::-webkit-scrollbar-track,
.z-select .focusable::-webkit-scrollbar-track,
z-select .focusable::-webkit-scrollbar-track,
.z-select .list::-webkit-scrollbar-track,
z-select .list::-webkit-scrollbar-track,
div.dashboard-widget-item
  .dashboard-grid-widget-body
  a::-webkit-scrollbar-track,
textarea::-webkit-scrollbar-track,
select::-webkit-scrollbar-track,
.setup-right-body::-webkit-scrollbar-track,
.menu-popup::-webkit-scrollbar-track,
.overlay-dialogue.modal .overlay-dialogue-body::-webkit-scrollbar-track,
.overlay-dialogue .hintbox-wrap::-webkit-scrollbar-track,
.overlay-dialogue .hintbox-wrap-horizontal::-webkit-scrollbar-track,
.overlay-dialogue .maps-container::-webkit-scrollbar-track,
.notif-body::-webkit-scrollbar-track,
.debug-output::-webkit-scrollbar-track,
.overlay-descr::-webkit-scrollbar-track,
.import-compare .toc::-webkit-scrollbar-track,
.import-compare .diff::-webkit-scrollbar-track {
  background-color: rgba(172, 187, 194, 0.55);
}
.dashboard-grid-widget-contents::-webkit-scrollbar-thumb,
output .msg-details ul::-webkit-scrollbar-thumb,
.multiselect-available::-webkit-scrollbar-thumb,
.z-select .focusable::-webkit-scrollbar-thumb,
z-select .focusable::-webkit-scrollbar-thumb,
.z-select .list::-webkit-scrollbar-thumb,
z-select .list::-webkit-scrollbar-thumb,
div.dashboard-widget-item
  .dashboard-grid-widget-body
  a::-webkit-scrollbar-thumb,
textarea::-webkit-scrollbar-thumb,
select::-webkit-scrollbar-thumb,
.setup-right-body::-webkit-scrollbar-thumb,
.menu-popup::-webkit-scrollbar-thumb,
.overlay-dialogue.modal .overlay-dialogue-body::-webkit-scrollbar-thumb,
.overlay-dialogue .hintbox-wrap::-webkit-scrollbar-thumb,
.overlay-dialogue .hintbox-wrap-horizontal::-webkit-scrollbar-thumb,
.overlay-dialogue .maps-container::-webkit-scrollbar-thumb,
.notif-body::-webkit-scrollbar-thumb,
.debug-output::-webkit-scrollbar-thumb,
.overlay-descr::-webkit-scrollbar-thumb,
.import-compare .toc::-webkit-scrollbar-thumb,
.import-compare .diff::-webkit-scrollbar-thumb {
  background-color: rgba(135, 135, 135, 0.85);
  border: 1px solid rgba(122, 122, 122, 0.85);
}

.cursor-dragging {
  cursor: grabbing;
}

.cursor-move {
  cursor: move;
}

tr.cursor-move td * {
  cursor: move;
}

.cursor-pointer {
  cursor: pointer;
}

.overflow-ellipsis {
  table-layout: fixed;
}

.rel-container {
  position: relative;
  display: inline-block;
  min-width: 16px;
  white-space: nowrap;
}

main .server-name {
  float: right;
  margin: 10px;
  color: #768d99;
}

.uppercase {
  text-transform: uppercase;
}

.flickerfreescreen {
  position: relative;
  overflow: hidden;
}
.flickerfreescreen.is-loading {
  min-height: 64px;
}

.graph-wrapper {
  display: inline;
}

.clock {
  display: flex;
  justify-content: center;
  padding: 0 10px;
  height: 100%;
}

.clock-svg {
  flex-grow: 1;
}

.time-zone {
  margin: 0 0 0.5em;
  white-space: nowrap;
}

.local-clock {
  margin: 0.5em 0 0;
  white-space: nowrap;
}

.clock-face {
  fill: #ebebeb;
}

.clock-hand {
  fill: #1f2c33;
}

.clock-hand-sec {
  fill: #0275b8;
}

.clock-lines {
  fill: #acbbc2;
}

svg {
  overflow: hidden;
}

.sysmap {
  height: 100%;
  width: auto;
  padding: 0 10px;
  text-align: center;
}
.sysmap .sysmap-caption {
  font-size: 0;
}

.sysmap-scroll-container {
  overflow-x: auto;
  overflow-y: hidden;
  position: relative;
  width: calc(100% - 20px);
  border: 10px solid #ffffff;
  background: #ffffff;
  display: block;
  margin-top: 4px;
}
.sysmap-scroll-container .map-container {
  display: table;
}
.sysmap-scroll-container .flickerfreescreen {
  display: inline-block;
}
.sysmap-scroll-container .table-forms-container,
.sysmap-scroll-container .browser-warning-container {
  display: table;
  margin: 0;
  padding: 0;
  border: 0;
}

.lld-overrides-operations-table,
.confirmation-msg {
  white-space: normal;
  word-break: break-word;
}

.list-accordion-foot > div {
  display: table-cell;
  padding-top: 10px;
}

.color-preview-box {
  height: 24px;
  width: 24px;
  float: left;
  margin-right: 10px;
  cursor: pointer;
  border: 0;
  border-radius: 0;
}

.list-vertical-accordion .list-accordion-item-head,
.list-vertical-accordion .list-accordion-item-body {
  padding-bottom: 2px;
}
.list-vertical-accordion .list-accordion-item-opened .list-accordion-item-body {
  display: block;
}
.list-vertical-accordion .list-accordion-item-closed .list-accordion-item-body {
  display: none;
}
.list-vertical-accordion
  .list-accordion-item-closed
  .list-accordion-item-toggle {
  margin: 0;
  transform: rotate(180deg);
}

.display-none,
.table-forms > li.display-none {
  display: none;
}

.visibility-hidden {
  visibility: hidden;
}

.visibility-box-caption {
  line-height: 24px;
}

.drag-icon {
  width: 12px;
  height: 1.4em;
}
.drag-icon::before {
  font-size: 22px;
}

.sortable.sortable-disabled
  .sortable-item
  .sortable:not(.sortable-disabled)
  .sortable-item
  .drag-icon,
.drag-icon {
  cursor: grab;
  color: #b0bec5;
}

.sortable.sortable-disabled .sortable-item .drag-icon {
  cursor: unset;
  color: #ced6da;
}

.preprocessing-list {
  display: block;
  max-width: 930px;
  min-width: 800px;
  position: relative;
}
.preprocessing-list > li {
  display: block;
  position: relative;
}
.preprocessing-list .list-numbered-item::before {
  content: counter(line) ':';
  flex: 0 0 15px;
  max-width: 15px;
  line-height: 24px;
  padding-right: 5px;
}
.preprocessing-list input[type='text'],
.preprocessing-list select {
  width: 100%;
  min-width: 0;
}
.preprocessing-list .btn-link:not(:first-child) {
  margin-left: 10px;
}
.preprocessing-list .preprocessing-list-head,
.preprocessing-list .preprocessing-list-foot,
.preprocessing-list .preprocessing-step,
.preprocessing-list .on-fail-options,
.preprocessing-list .step-name,
.preprocessing-list .step-parameters,
.preprocessing-list .step-on-fail,
.preprocessing-list .step-action {
  display: flex;
  align-items: center;
  box-sizing: border-box;
}
.preprocessing-list .step-name,
.preprocessing-list .step-parameters,
.preprocessing-list .step-on-fail,
.preprocessing-list .step-action,
.preprocessing-list .on-fail-options > label,
.preprocessing-list .on-fail-options > .radio-segmented {
  padding: 5px 5px 5px 0;
}
.preprocessing-list .step-name {
  flex: 0 0 285px;
  max-width: 285px;
}
.preprocessing-list .preprocessing-step {
  align-items: start;
}
.preprocessing-list .preprocessing-step .drag-icon {
  top: 5px;
  left: -8px;
  width: 10px;
  height: 24px;
}
.preprocessing-list .preprocessing-step .step-on-fail,
.preprocessing-list .preprocessing-step .step-action {
  height: 34px;
}
.preprocessing-list .step-parameters {
  flex: 1;
}
.preprocessing-list .step-parameters z-select {
  flex: 0 0 auto;
}
.preprocessing-list .step-parameters > input[type='text']:not(:last-child),
.preprocessing-list .step-parameters z-select:not(:last-child) {
  margin-right: 5px;
}
.preprocessing-list .step-on-fail {
  flex: 0 0 100px;
  max-width: 100px;
  justify-content: center;
  text-align: center;
}
.preprocessing-list .step-action {
  flex: 0 0 120px;
  max-width: 120px;
  padding-right: 0;
}
.preprocessing-list .on-fail-options {
  padding-right: 225px;
  margin-bottom: 5px;
}
.preprocessing-list .on-fail-options > label {
  padding-left: 30px;
}
.preprocessing-list .on-fail-options input[type='text'] {
  flex: 1;
}
.preprocessing-list .on-fail-options input[type='text']:not(:first-child) {
  margin-left: 5px;
}
.preprocessing-list .preprocessing-list-head {
  color: #768d99;
  line-height: 14px;
}
.preprocessing-list .preprocessing-list-head .step-name {
  flex: 0 0 295px;
  max-width: 295px;
  padding-left: 30px;
}
.preprocessing-list .preprocessing-list-head .step-on-fail {
  display: inline-block;
}
.preprocessing-list .preprocessing-list-foot {
  justify-content: space-between;
}
.preprocessing-list .preprocessing-list-foot .step-action {
  height: 24px;
}
.preprocessing-list
  .preprocessing-list-foot
  .step-action
  + .step-action:last-child {
  margin-left: auto;
  justify-self: flex-end;
}
